<!DOCTYPE html>
<html>
  <body>
    <canvas id="qr"></canvas>

    <script src="qrious.min.js"></script>
    <script>
      (function() {
        var qr = new QRious({
            background: 'white',
          backgroundAlpha: 0.8,
          foreground: 'black',
          foregroundAlpha: 0.8,
          level: 'H',
          padding: 25,
          size: 250,
          element: document.getElementById('qr'),
          value: 'otpauth://totp/Secure%20App:realm?secret=JBSWY3DPEHPK3PXP&issuer=Secure%20App'
        });
      })();
    </script>
  </body>
</html>